<template>
	<view>
		<view class="mentalConsult" style="background-color: #F4FFFF;">
			<image src="../../static/teacherindex/mentalconsult.png" alt="" style="width: 100%;height: 100px;">
		</view>
		<view class="buttons">
			<ul>
				<li>
					<image src="../../static/teacherindex/menu3.png" alt="" style="width: 60px;height: 60px;">
					<br>
					<span>馨语辅导</span>
				</li>
				<li>
					<navigator url="../Warn/Warn">
						<image src="../../static/teacherindex/menu1.png" alt="" style="width: 60px;height: 60px;">
						<br>
						<span>风险预警</span>
					</navigator>
				</li>
				<li>
					<navigator url="./DangerCheck/DangerCheck">
						<image src="../../static/teacherindex/menu4.png" alt="" style="width: 60px;height: 60px;">
						<br>
						<span>危机监测</span>
					</navigator>
				</li>
				<li>
					<navigator url="../Record/Record">
						<image src="../../static/teacherindex/menu2.png" alt="" style="width: 60px;height: 60px;">
						<br>
						<span>馨语档案</span>
					</navigator>
				</li>
			</ul>
		</view>
		<view class="middleTab" style="margin-top: 30px;">
			<view class="dangerWarning">
				<view class="dangerLeft" style="width: 200px;">
					<button type="default">红黄蓝风险预警</button>
					<button type="default">预约咨询记录</button>
					<button type="default">学生心理反馈</button>
				</view>
				<view class="dangerRight" style="margin-left: 10px;">
					<image src="../../static/teacherindex/note.png" alt="" style="width: 150px;height: 130px;">
				</view>
			</view>
			<view class="createPlan">
				<button>创建新的治疗方案：</button>
				<u-button type="primary" shape="circle" text="退出登录" @click="logOut" style="width: 80px;"></u-button>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {
			logOut() {
				uni.setStorageSync('uni_id_token','')
				uni.setStorageSync('username','')
				uni.reLaunch({
					url:`../Login/index`
				})
				console.log('886')
			}
		}
	}
</script>

<style>
	.mentalConsult {
		margin-bottom: 50px
	}

	ul>li {
		list-style: none;
		display: inline-block;
		width: 65px;
		height: 65px;
		margin: 5px;
		font-size: 0.8em;
	}

	.dangerWarning {
		display: flex;
	}

	button {
		margin-left: 30px;
		margin-bottom: 10px;
		height: 40px;
		border-radius: 5px;
		color: #508B96;

	}

	.createPlan {
		margin-top: 30px;
		width: 350px;
	}
</style>
